// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import VueResource from 'vue-resource'
import VueRouter from 'vue-router';
import Routes from './routes';


Vue.config.productionTip = false;
Vue.use(VueResource);
Vue.use(VueRouter)


//自定义指令 rainbow
// Vue.directive('rainbow',{
//   bind(el,binding,vnode){
//     //把对应元素变为rainbow色
//     el.style.color = "#"+Math.random().toString(16).slice(2,8);
//   }
// });
//自定义指令 theme
Vue.directive('theme', {
  bind(el, binding, vnode) {
    if (binding.value == 'wide') {
      el.style.maxWidth = "1260px";
    } else if (binding.value == 'narrow') {
      el.style.maxWidth = "560px";
    }

    if (binding.arg == 'column') {
      el.style.background = '#6677cc';
      el.style.padding = '20px';
    }
  }
});


//自定义过滤器 让标题元素全大写
// Vue.filter("to-uppercase",function (value) {
//   return value.toUpperCase();
// });
Vue.filter("snippet", function (value) {
  return value.slice(0, 100) + "...";
});


//创建路由
const sysRouter = new VueRouter({
  routes: Routes,
  //去除地址栏的#号
  mode: "history"
});


/* eslint-disable no-new */
new Vue({
  el: '#app',
  template: '<App/>',
  components: {App},
  //应用路由
  router:sysRouter
})
